<div style="background-color: skyblue;padding: 20px;">
  <p>右侧子视图</p>

  <nz-table #filterTable [nzData]="listOfData" nzTableLayout="fixed">
    <thead>
      <tr>
        <th *ngFor="let column of listOfColumns" [nzShowSort]="column.isSort"  [nzSortOrder]="column.sortOrder" (nzSortOrderChange)="changeSort($event,column.name)"
          [nzSortDirections]="column.sortDirections">
          {{ column.name }}
        </th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of filterTable.data">
        <td>{{ data.name }}</td>
        <td>{{ data.age }}</td>
        <td>{{ data.address }}</td>
      </tr>
    </tbody>
  </nz-table>

</div>
